
/* 初始化部分 */
/* 清除默认边距 */
*{
	margin: 0;
	padding: 0;
}
/* 清楚默认原点 */
li{
	list-style: none;
}
/* 清除下划线 */
a{
	text-decoration: none;
	
}
/* 设置左右浮动 */
.fl{
	float: left;
}
.fr{
	float: right;
}
/* 清除浮动效果 */
.clearfix::after{	
	content:'';
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
body{
	height: 2000px;
}
/* 设置版心 */
.w{
	width: 1250px;
	margin: auto;
}
/* header部分 */
.big{
	height: 50px;
	background-color: #333;
	
}
.header ul li {
	height: 50px;
	line-height: 50px;
	text-align: center;
	
}
.header ul li a {
	font-size: 12px;
	color: #B0B0B0;
}
.header ul li a span{
	color: #423C37;
}
.header ul li a:hover{
	color: #fff;
}
.header ul li .shop{
	display:inline-block ;
	height: :50px;
		
	background-color: #424242;
}
/* nav部分 */
.nav{
	height: 100px;
	
	padding: 25px 0px;
	box-sizing: border-box;
}
.nav .left{
	
	height: 50px;
	width: 50px;
	background:url(../img/mi-logo.png);
	background-color: #FF6700;
	
}
.nav .center {
	width: 800px;
	margin-left: 100px;
	
}
.nav .center ul li{
	height: 50px;
	line-height: 50px;
	
}
.nav .center ul li a{
	padding: 15px;
	color: #000;
}
.nav .center ul li a:hover{
	color: #FF6700;
}
.nav .right  {
	
	height: 50;
	width: 200;
	line-height: 50px;
}
.nav .right input{
	border: 1px solid #E0E0E0;
	padding: 10px;
	
}
.nav .right input:hover{
	border-color: #FF6700;
}
.nav .right a{
	
	border: 1px solid #E0E0E0;
	padding: 10px;
	padding-top: 5px;
	color: #616161;
}
.nav .right a:hover{
	background-color: #FF6700;
	}
	/* banner部分 */
.banner{
	height:500px ;
}
.banner .fl{
	width: 240px;
	height:408px;
	position: absolute;
	top: 151px;
	/* left: 135px; */
	
	padding: 30px 0;
	background: rgba(105,101,101,.6)

}
.banner .fl ul li {
	height: 40px;
	line-height: 20px;
	text-align: center;
	
}
.banner .fl ul li a {
	display: block;
	height: 40px;
	line-height: 40px;
	color: #fff;
	
}
.banner .fl ul li a:hover{
	background-color: #FF6700;
}
/* pic部分 */
.pic{
	height:210px;
	margin-bottom: 10px;
}
.pic .pic1{
	width:230px ;
	height: 156px;
	background-color:#5F5750 ;
	padding-top: 15px;
	padding-left: 10px;
}
.pic .pic1 ul li{
	display: block;
	height: 70px;
	width: 70px;
	text-align: center;
	line-height: 70px;
	
	
}
.pic .pic1 ul li a {
	opacity: .7;
	display: block;
	
}
 .b1,.b2,.b4,.b5{
	border-right:1px solid #665E57;
	
}
.b1,.b2,.b3{
	border-bottom:1px solid #665E57;
}
.pic .pic1 ul li a span{
	display: block;
	height: 30px;
	text-align: center;
	font-size: 12px;
	margin-top: -50px;
	color: #fff;
}
.pic .pic1 ul li a:hover{
	color: #fff;
	opacity: 1;
}
.pic .product img{
	height: 171px;
	width: 316px;
	padding-left: 20px;
}
/* main部分 */
#major{
	background-color:#F5F5F5 ;
	margin-top: 1px;
	
}
.main{
	
	background-color: #F5F5F5;
	margin-top:50px;
}
.main .biaoti h2{
	display: inline-block;
	font-size: 22px;
	font-weight: 200;
	margin-top: 50px;
	
}
.main .biaoti{
	margin-top: -10px;
	margin-bottom: 30px;
}
.main .tubiao i{
	border: 1px solid #E0E0E0;
	color: #B0B0B0;
	padding:2px 12px;
	margin: -3px;
	margin-top: 40px;
	
}
.main .tubiao i:hover{
	color: #FF6700;
}
.seckil{
	height: 350px;
	
	background-color: #F5F5F5;
	
	clear: both;
}
.seckil .one{
	
	width: 237px;
	
	text-align: center;
	background-color: #F1EDED;
	border-top: 1px solid #E53935;
	
}
.seckil .one .text1{
	font-size: 22px;
	color: red;
	padding-top: 50px;
}
.seckil .one div img{
	text-align: center;
	height: 77px;
	line-height: 77px;
	margin: 20px;
}
.seckil .one .text2{
	color: rgba(0,0,0,.54);
	    font-size: 15px;
		margin-bottom:10px;
}
.seckil .one .text3{
	display: inline-block;
	    width: 168px;
	    margin: 28px auto 0;
		text-align: center;
		margin-left: 22px;
		margin-bottom: 40px;
	
}
.seckil .one .text3 span{
	    width: 46px;
	    height: 46px;
	    background: #605751;
	    color: #fff;
	    font-size: 24px;
	    line-height: 46px;
	    float: left;
		
}
.seckil .one .text3 i{
	float: left;
	width: 15px;
	height: 46px;
	line-height: 46px;
	font-style: normal;
	font-size: 25px;
}
.two{
	background-color: #fff;
	height: 350px;
	margin: 0 20px;
	 border-top: 1px solid #83C44E;
	 transition: all .2s linear;
	
}
.two:hover{
	box-shadow: 0 15px 30px rgba(0,0,0,.1);
	transform: translate3d(0,-5px,0);
}

.two .name p{
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	
}
.two .xingneng{
	margin-top: 5px;
}
.two .xingneng p{
	font-size: 13px;
	color: #ADADAD;
	text-align: center;
}
.two .jiage{
	
	text-align: center;
	margin-top:20px;
}
.two .jiage .xianjia{
	color: #FA6C14;
}
.two .jiage .yuanjia{
	text-decoration:line-through;
	color: #ADADAD;
	
}
